// dialog样式重写
$el-dialog-title-height: 50px;

.el-dialog {
    border-radius: 6px;

    .el-dialog__header {
        height: $el-dialog-title-height;
        background: #f5f7fa;
        //border-radius: 6px 6px 0 0;
        display: flex;
        justify-content: space-between;
        padding: 0 20px;

        .el-dialog__title {
            font-size: 14px;
            font-weight: 400;
            color: #324558;
            line-height: $el-dialog-title-height;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .el-dialog__headerbtn {
            position: relative;
            top: 0;
            right: 0;
        }
    }

    .el-dialog__body {
        padding: 20px;
        font-size: 12px;
        color: #324558;
    }

    .el-dialog__footer {
        background: #f5f7fa;
        padding-bottom: 10px;
        //border-radius: 0 0 6px 6px;
    }
}

//干净的dialog body,啥都没有
.el-dialog__wrapper.clean-el-dialog__body > .el-dialog > .el-dialog__body {
    padding: 0;
    overflow: hidden;
}

.el-message-box {
    .el-message-box__header {
        height: $el-dialog-title-height;
        background: #f5f7fa;
        //border-radius: 6px 6px 0 0;
        display: flex;
        justify-content: space-between;
        padding: 0 20px;

        .el-message-box__title {
            font-size: 14px;
            font-weight: 400;
            color: #324558;
            line-height: $el-dialog-title-height;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .el-message-box__headerbtn {
            position: relative;
            top: 0;
            right: 0;
        }
    }

    .el-message-box__content {
        padding: 20px;
    }

    .el-message-box__footer {
        background: #f5f7fa;
        padding-bottom: 10px;
        //border-radius: 0 0 6px 6px;
    }
}

// 按钮样式重写
.el-button {
    min-width: 60px;
    height: 30px;
    padding: 0 12px 0 10px;
    padding-bottom: 0;
    border-radius: 2px;

    &.el-button--info {
        color: #fff;
        background-color: #3e5265;
        border: 1px solid #3e5265;
    }

    &.el-button--default {
        color: #324558;
        border: 1px solid #507ff8;
        .svg-icon {
            color: #507ff8; 
            margin-right: 1px;
        }
        i {
            font-size: 12px;
            color: #507ff8;
        }
    }
    &.el-button--plain {
        color: #324558;
        border: 1px solid #507ff8;
        .svg-icon {
            color: #507ff8;
            margin-right: 1px;
        }
        i {
            font-size: 12px;
            color: #507ff8;
        }
    }

    &.el-button--primary {
        color: #fff;
        background-color: #507ff8;
        border-color: #507ff8;
        .svg-icon {
            color: #fff;
            margin-right: 1px;
        }
        i {
            font-size: 12px;
            color: #fff;
        }
    }
}

.el-input {
    .el-input__inner {
        height: 30px;
        line-height: 30px;
    }
}

.el-select {
    width: 100%;
    .el-input__icon {
        line-height: 30px;
    }
}

.el-table {
    th {
        background-color: #f5f7fa;
    }
    .table-detail {
        color: #0f6cd8;
    }
    .table-hover-blue:hover {
        color: #0f6cd8;
    }
    
}

.table_page_bar {
    width: 100%;
    padding: 6px 10px;
    background-color: #fff;
}
.el-table--small th {
    padding: 2px 0;
}
.el-table--small td {
    padding: 5px 0;
}
.el-query-bar {
    background-color: rgba(173, 184, 212, 0.15);
    padding: 8px 10px;
}
.label-cell {
    padding-left: 8px;
    line-height: 32px;
}

.clear-btn {
    background: rgba(55, 65, 98, 1);
}
.clear-btn.el-button.el-button--default {
    color: #fff;
}

.clear-btn.el-button.el-button--default:hover {
    color: #666;
}

//schema弹出窗口的样式优化
.schema_dialog .el-dialog .el-dialog__body {
    padding: 0;
}

.schema_dialog .el-dialog__footer {
    display: none;
}

.schema_dialog .el-dialog__footer.footerBar {
    display: block;
    background-color: #fff;
    position: relative;
    top: -5px;
}

.detailCell {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 45px;
}

.el-textarea {
    .el-input__count {
        right: 25px;
        bottom: 2px;
    }
}

.dyTable .el-table__body-wrapper{
    overflow: auto !important
}
.el-table .cell .el-button{
  line-height: 23px;
  height: 23px;
}

.el-table__header-wrapper .header-row .el-checkbox__input{
    display: none;
}

body .el-table th.gutter {
    display: table-cell !important;
}

body .el-table colgroup.gutter {
    display: table-cell !important;
}

table {
    width: 100% !important;
}

.main-right{
    .el-table__body, .el-table__footer, .el-table__header{
        font-size: 12px;
        .el-table__row td{
            padding: 5px;
            height:23px;
        }
    }
    .el-table th, .el-table tr.header-row{
        height:37px;
        background-color: #F5F7FA!important;
        color:#324558;
        font-size:12px;
        th.is-leaf{
            padding:0;
        }
    }
    .el-table th {
        padding: 7px 0;
    }

    .el-table--small th{
        padding: 2px 0;
    }
    .el-table .el-table__body .cell{
        padding-left: 4px;
    }
}
// el-table 表头样式
.header-row {
    height: 37px;
    background-color: #f5f7fa !important;
    color: #324558;
    font-size: 12px;
    th.is-leaf {
        padding: 0;
    }
}

// 限制表格中tooltip的宽度
.el-tooltip__popper {
    max-width: 600px;
}


.form-row-list {
    border-bottom: 1px solid #EDF0F6;
    line-height: 33px;

}

.form-label {
    line-height: 32px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.required {
    color: red;
}